{% extends "registration/base.html" %}
{% load i18n %}

{% block breadcrumbs %}<div class="breadcrumbs"></div>{% endblock %}

{% block title %}{% trans 'Password reset' %}{% endblock %}
{% block navbar %}
	<li class="divider-vertical"></li>
	<li><a href="/peakAnalyzer/accounts/login/">Sign In</a></li>				
{% endblock %}

{% block content %}
<style>
#container_resetconfirm {
	padding-top: 50px;
}
</style>
<div id="container_resetconfirm" class="container">
<div class="row-fluid">
<div class="span6 offset3">
<div class="well">
{% if validlink %}
<h1 align="center">{% trans 'Set a new password' %}</h1>
<br>
<legend></legend>
<form action="" method="post">
	{% csrf_token %}
<p class="aligned wide">
<input class="span3-fluid" placeholder="New Password" type="password" name="new_password1">
{% if form.new_password1.errors %}
            <div class="alert alert-error">
            <p class="errors">{{ form.new_password1.errors.as_text }}</p>
               </div>
            {% endif %}   
</p>


<p class="aligned wide">
<input class="span3-fluid" placeholder="Confirm Password" type="password" name="new_password2">
{% if form.new_password2.errors %}
            <div class="alert alert-error">
            <p class="errors">{{ form.new_password2.errors.as_text }}</p>
               </div>
            {% endif %}   

</p>

<button class="btn btn-inverse" type="submit" value="{% trans 'Change my password' %}" >Change my password</button>
</form>

{% else %}

<h1 align="center">{% trans 'Password reset unsuccessful' %}</h1>
<br>
<h5 align="center">{% trans "The password reset link was invalid, possibly because it has already been used.  Please request a new password reset." %}</h5>

{% endif %}
</div>
</div>
</div>
</div>
{% endblock %}
